{include file="index@public/header" /}
<style>
    .juhui{
/*        border:1px solid #000;*/
        position: absolute;
        width:100%;
        height:750px;
        top:3.5em;
    }
    .juhui .title{
        position: absolute;
        width: 100%;
        background: #5676fd;
        height: 2.8em;
        text-align: center;
    }
    .juhui .title a{
        line-height: 2.8em;
        color: #fff;
    }
    .juhui .neirong{
        position: absolute;
        top: 3em;
        width: 96%;
        margin: 5% 2%;
        overflow: auto;
        height: 100%;
        overflow-x: hidden;
    }
    .juhui .neirong .row{
        border-bottom:1px dashed #ddd;
        padding:1em;
    }
    .juhui .neirong .row div{
        height:2em;
    }
    .juhui .neirong form div{
        clear:both;
    }
</style>
<div class = "juhui">
    <div class  = "title">
        <a class = "col-xs-6" href = "{:url('index/More/tchd')}">参加</a><a class = "col-xs-6" href = "{:url('index/More/create')}">创建活动</a>
    </div>
    <div class = "neirong">
        <div class = "row">
            <div class = "col-xs-3">类别</div>
            <div class = "col-xs-9">活动类别</div>
            <div class = "col-xs-3">时间</div>
            <div class = "col-xs-9">2017-11-13 &nbsp;&nbsp; 8:00-9:00</div>
            <div class = "col-xs-3">地点</div>
            <div class = "col-xs-9">乌鲁木齐-新市区-大寨沟</div>
        </div>
        <div class = "row">
            <div class = "col-xs-12">活动详情</div>
            <div class = "col-xs-12" style = "height:3em;">如果你无法简洁的表达你的想法，那只说明你还不够了解它。-- 阿尔伯特·爱因斯坦</div>
        </div>
        <div class = "row" style = "height:6em;">
            <div class = "col-xs-3" style = "line-height:4em;">组织者</div>
            <div class = "col-xs-9">
                <img src = "" onerror="javascript:this.src='/upload/images/login-img.jpg'" class = "img-circle" style = "width:3em;height:3em;"/>
                <p>组织者昵称</p>
            </div>
        </div>
        <div class = "row">
            <div class = "col-xs-3">费用</div>
            <div class = "col-xs-9">
                50-100元
            </div>
        </div>
        <div class = "row"  style = "height:9em;">
            <div class = "col-xs-12">活动成员</div>
            <div class = "col-xs-12">
                <div class = "col-xs-3">
                    <img src = "" onerror="javascript:this.src='/upload/images/login-img.jpg'" class = "img-circle" style = "width:3em;height:3em;"/>
                    <p>name</p>
                </div>
                <div class = "col-xs-3">
                    <img src = "" onerror="javascript:this.src='/upload/images/login-img.jpg'" class = "img-circle" style = "width:3em;height:3em;"/>
                    <p>name</p>
                </div>
            </div>
        </div>
        <div class = "row">
            <div class = "col-xs-12">报名</div>
            <div class = "col-xs-12">
                <form role="form">
                    <div class="form-group">
                        <div>YY号</div>
                        <input type="number" class="form-control col-xs-12" placeholder="YY号" required />
                    </div>
                    <div class="form-group">
                        <div>联系电话</div>
                        <input type="number" class="form-control col-xs-12" placeholder="您的电话" required />
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> 同意《同城活动在线协议》
                        </label>
                    </div>
                    <div class = "text-center"><button type="submit" class="btn btn-primary">立即报名（取消）</button><a style = "margin:1em;">注册</a></div>
                </form>
            </div>
        </div>
    </div>
</div>
{include file="index@public/moreFooter" /}